<script src="module/exclusive/exclusive_hash_detail.js"></script>

<style>
	.xdDevice .um-panel-body {
		top: 0;
		padding-top: 0;
	}

	#deviceInfo {
		border: 1px solid #ccc;
		border-radius: 10px;
	}
	#deviceInfo .col-lg-12{
		padding: 10px 15px;
		font-size: 18px;
	}
	#deviceInfo .col-lg-4,#deviceInfo .col-lg-8{
		padding: 10px 15px;
	}
	.layoutStyle{
		padding: 15px;
	}
	.configTable .title div{
		border-bottom: 1px solid #0e77ca;
		font-size: 18px;
		color: #0e77ca;
		margin-top: 10px;
		margin-bottom: 30px;
		padding-bottom:10px;
	}
	.configTable{
		border: 1px solid #ccc;
		border-radius: 10px;
		margin-top: 20px;
	}
	.ztree.simple-tree > li {
    padding: 10px 0 10px 10px;
}
</style>
<!-- 左侧 -->
<div class="p-panel um-panel left-panel xdDevice" id="left-panel" style="width:210px">
	<div class="um-panel-body prel" style="overflow-y:auto;">
		<ul id="event_class_tree" class="ztree" style="height:100%;"></ul>
	</div>
</div>

<!-- 右侧 -->
<div class="p-panel um-panel right-panel" id="right-panel" style="left:210px">
	<div class="layoutStyle">
		<div id="deviceInfo" class="clearfix">
			<div class="col-lg-12">
				<span class="title">设备名称：</span>
				<span class="info" name="deviceName" data-id="deviceName"></span>
			</div>
			<div class="col-lg-4">
				<span class="title">设备标识：</span>
				<span class="info" name="deviceId" data-id="deviceName"></span>
			</div>
			<div class="col-lg-8">
				<span class="title">物理地址：</span>
				<span class="info" name="mac" data-id="deviceName"></span>
			</div>
			<div class="col-lg-4">
				<span class="title">IP地址：</span>
				<span class="info" name="ip" data-id="deviceName"></span>
			</div>
			<div class="col-lg-8">
				<span class="title">所属管控系统：</span>
				<span class="info" name="systemName" data-id="deviceName"></span>
			</div>
		</div>



		<div class="configTable">
			<div class="title clearfix">
				<div class="col-lg-6 titleText">
						数据交换业务配置信息
				</div>
			</div>
			<div id="table_div1" class="table-div table-list"></div>
		</div>
	</div>


</div>